import React from "react";
import MessageCard from ".";

import face1 from "assets/images/face-male-1.jpg";

export default {
  title: "UI 组件/MessageCard",
  component: MessageCard,
};

export const Default = () => {
  return (
    <MessageCard
      avatarSrc={face1}
      avatarStatus="online"
      name="李荣浩"
      statusText="在线"
      time="3 小时之前"
      message="即使爬到最高的山上，一次也只能脚踏实地"
      unreadCount={3}
    />
  );
};

export const Active = () => {
  return (
    <MessageCard
      avatarSrc={face1}
      avatarStatus="online"
      name="李荣浩"
      statusText="在线"
      time="3 小时之前"
      message="即使爬到最高的山上，一次也只能脚踏实地"
      unreadCount={3}
      active
    />
  );
};

export const Replied = () => {
  return (
    <MessageCard
      avatarSrc={face1}
      avatarStatus="online"
      name="李荣浩"
      statusText="在线"
      time="3 小时之前"
      message="即使爬到最高的山上，一次也只能脚踏实地"
      unreadCount={3}
      active
      repliced
    />
  );
};

export const RepliedInactive = () => {
  return (
    <MessageCard
      avatarSrc={face1}
      avatarStatus="online"
      name="李荣浩"
      statusText="在线"
      time="3 小时之前"
      message="即使爬到最高的山上，一次也只能脚踏实地"
      unreadCount={3}
      repliced
    />
  );
};